<%-- 
    Document   : cadastroFornecedor
    Created on : 22/09/2014, 21:08:29
    Author     : luiz
--%>

<%@page import="entidade.Estado"%>
<%@page import="dao.EstadoDAO"%>
<%@page import="entidade.Evento"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="../css/foundation/foundation.css" rel="stylesheet" type="text/css"/>
        <script src="../js/javascript.js" type="text/javascript"></script>
        <script src="../ajax/ajax.js" type="text/javascript"></script>
        <script src="../ajax/jquery-1.3.2.js" type="text/javascript"></script>
        <script src="../jquery-1.5.2.min.js" type="text/javascript"></script>
        <script src="../js/foundation/foundation.abide.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="../css/foundation.css">
        <link href="../css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="../css/style.css">
        <link rel="stylesheet" type="text/css" href="../css/foundation/foundation.min.css">
        <link rel="stylesheet" type="text/css" href="../css/foundation/normalize.css">
        <script src="../js/prefixfree-1.0.7.js"></script>
        <script src="../js/jquery-1.11.1.min.js"></script>
        <script src="../js/jquery-1.7.1.min.js" ></script>
        <script src="../js/foundation.min.js"></script>
        <script src="../js/script.js"></script>
    </head>
    <body class="fundo">  
        <%
            Evento evento = (Evento) session.getAttribute("evento");
            Double valor;
            String observacao;
        %>
        <div class="menu_interno">
        <div class="menu_interno_logo">
                <img src="imagens/logo.png">
        </div>
        <div class="menu_interno_list">
            <div id="accordian">
                <ul class="ul">
                    <li>
                            <h3><span class="icon-dashboard"></span><a href="">Fornecedor</a></h3>
                    </li>

                </ul>
            </div>

        </div>
        <div class="menu_interno_rodape">
                <a href="principal.jsp"><img src="imagens/back.png"></a>
        </div>
        </div>
        <div id="container" class="content">
            <div class="margintop_content">
                        <h4>Cadastro De Fornecedor para <%=evento.getNome()%></h4>

                <form action="../CadastrarFornecedorServlet" method="post">
                <fieldset>
                    <legend>Dados do Fornecedor</legend>
                    <div class="row">
                        <div class="large-8 columns">
                            <label for="nomeFornecedor">Nome</label>
                            <input type="text" id="nomeFornecedor" name="nomeFornecedor"/>

                        </div>
                        <div class="large-4 columns">
                            <label>Documento</label>
                            <input type="text" id="documentoFornecedor" name="documentoFornecedor"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="large-4 columns">
                            <label for="telefoneFornecedor">Telefone</label>
                            <input type="text" name="telefoneFornecedor" id="telefoneFornecedor" size="20" maxlength="15" onkeypress="mascaraFONE(this)"/>
                        </div>
                        <div class="large-4 columns">
                            <label for="celularFornecedor">Celular</label>
                            <input type="text" name="celularFornecedor" id="celularFornecedor" size="20" maxlength="15" onkeypress="mascaraFONE(this)"/>
                        </div>
                        <div class="large-4 columns">

                        </div>
                    </div>
                    <div class="row">
                        <div class="large-12 columns">
                            <label for="emailFornecedor">E-mail</label>
                            <input type="text" id="emailFornecedor" name="emailFornecedor"/>
                        </div>
                    </div>
                </fieldset><br/>
                <fieldset>
                    <legend>Endereço</legend>

                    <div class="row">
                        <div class="large-4 columns">
                            <label for="cep">CEP
                                <img src="../img/search-icon.gif" alt="Pesquisar" border="0" onclick="paginaAjax('../CEP/busca.jsp?cep=' + cep.value, 'endereco')" >
                                <input id ="cep" name="cep" size="20" maxlength="10" type="text" onkeypress="mascaraCEP(this)"/>  
                            </label>
                        </div>
                    </div>    
                    <div id="endereco">
                        <div class="row">
                            <div class="large-8 columns">
                                <label for="endereco">Endereço</label>
                                <input id="endereco" name="endereco" size="30" type="text" />
                            </div>
                            <div class="large-4 columns">
                                <label for="numero">Numero</label>
                                <input id="numero" name="numero" size="30" type="text" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="large-6 columns">       
                                <label for="bairro">Bairro</label>
                                <input id="bairro" name="bairro" size="30" type="text" />
                            </div>

                            <div class="large-6 columns">     
                                <label for="complemento">Complemento</label>
                                <input id="complemento" name="complemento" size="30" type="text" />
                            </div></div>
                        <div class="field">
                            <div class="row">
                                <div class="large-6 columns">         
                                    <label for="estado">Estado:</label>
                                    <select id="estado" name="estado" 

                                            onchange="paginaAjax('../ajax/cidade.jsp?tipo=estado&estado=' + this.value, 'cidade')">
                                        <option value="0">Escolha um Estado</option>
                                        <% EstadoDAO estadoDAOs = new EstadoDAO();
                                            for (Estado e : estadoDAOs.buscar(Estado.class)) {%>
                                        <option value="<%=e.getId()%>"><%=e.getNome()%></option>
                                        <%}%>
                                    </select>
                                </div>
                                <div class="large-6 columns">  
                                    <div id="cidade">
                                        <label for="cidade">Cidade:</label> 
                                        <select id="cidade" name="cidade" disabled>
                                            <option>Escolha uma Cidade</option>    
                                        </select>
                                    </div>
                                </div>
                            </div>

                        </div>
                </fieldset>
                <br/>
                <fieldset>

                    <legend>Informações do fornecimento</legend>
                    <div class="row">
                        <div class="large-8 columns">
                            <label for="descricaoFornecimento">Descrição</label>
                            <input type="text" id="descricaoFornecimento" name="descricaoFornecimento"/>     
                        </div>
                        <div class="large-4 columns">
                            <label for="tipo">Tipo</label>
                            <select id="tipo" name="tipo">
                                <option value="0">Escolha um Tipo</option>    
                                <option value="1">Comida</option>    
                                <option value="2">Bebida</option>    
                                <option value="3">Entreterimento</option>    
                                <option value="4">Local</option>    
                                <option value="5">Lazer</option>    
                                <option value="6">Serviços Gerais</option>    
                                <option value="7">Outros</option>    
                            </select>  
                        </div>
                    </div>
                    <div class="row">
                        <div class="large-4 columns">
                            <label for="formaPagamento">Forma Pagamento</label>
                            <input type="text" text="valor" id="formaPagamento" name="formaPagamento"/>
                        </div>
                        <div class="large-4 columns">
                            <label for="dataPagamento">Data Pagamento</label>
                            <input type="date" text="dataPagamento" id="dataPagamento" name="dataPagamento"/>
                        </div>
                        <div class="large-4 columns">
                            <label for="valor">Valor</label>
                            <input type="text" text="valor" id="valor" name="valor"/>
                        </div>
                    </div>
                    <br>
                    <br>
                </fieldset>
                <div style="float:left;">
                    <button type="submit">Gravar</button>
                </div>
                <div style="float:left;">
                    <button type="reset">Limpar</button>
                </div>
            </form>


        
            </div>
	</div>
	<div class="lateral_esq">
		<img src="imagens/capa3.png">
	</div>
    </body>
</html>
